<div class="task-lists">
  <!-- 任务列表 -->
  <app-task-list
    class="list-container"
    app-droppable
    [dragEnterClass]="'drap-enter'"
    [dropTags]="['task-item','task-list']"
    [app-draggable]='true'
    [draggedClass]="'drag-start'"
    [dragData]='list'
    [dragTag]="'task-list'"
    (dropped)="handleMove($event,list)"
    [ngStyle]="{'order':list.order}"
   *ngFor="let list of (lists$|async)">
    <app-task-header [header]='list?.name'
    (newTask)="launchNewTaskDialog(list)"
    (moveAll)="launchCopyTaskDialog(list)"
    (delList)="launchConfirmDialog(list)"
    (editList)="launchEditListDailog(list)"></app-task-header>
    <app-quick-task (quickTask)="handleQuickTask($event,list)"></app-quick-task>
    <app-task-item
    *ngFor="let task of list?.tasks"
    [item]='task'
    (taskClick)="lanunchUpdateTaskDialog(task)"
    >

    </app-task-item>
  </app-task-list>
</div>
<button class="fab-button" mat-fab type="button" (click)="launchNewListDialog($event)">
  <mat-icon>add</mat-icon>
</button>